@import './order/list';
@import './examination';
.sku-box:after, .sku-content-box:after, .but-list:after, .cancellation-reason:after, .step-list:after {
  clear: both;
  display: table;
  content: '';
}
.line-clamp{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* 可以显示的行数，超出部分用...表示*/
  -webkit-box-orient: vertical;
}
.primary{color: #409eff;}
.success{color: #67c23a;}
.warning{color: #e6a23c;}
.danger{color: #f56c6c;}
.info{color: #909399;}
.hide-content{display: none;}

.primary-bg{background-color: #409eff;}
.success-bg{background-color: #67c23a;}
.warning-bg{background-color: #e6a23c;}
.danger-bg{background-color: #f56c6c;}
.info-bg{background-color: #909399;}

.layout {
  .content-wrapper {
    .page-title {
      padding: 0 24px !important;
      h2 {
        margin-bottom: 0 !important;
        border-bottom: none;
        height: 60px;
        line-height: 60px;
        padding-bottom: 0 !important;
        &:before {
          top: 21px !important;
        }
      }
    }
    .content {
      h2 {
        position: relative;
        margin-bottom: 20px;
        padding-left: 10px;
        &:before {
          position: absolute;
          top: 4px;
          left: 0;
          display: inline-block;
          content: '';
          width: 4px;
          height: 17px;
          background-color: #2d7edf;
        }
      }
      &:nth-child(1) {
        padding-bottom: 0;
      }
      .content {
        margin-bottom: 20px;
        padding: 16px;
        background-color: #ffffff;
      }
      .content,
      .query {
        padding-bottom: 0;
      }
    }
  }
}
// 添加订单步骤条
.step {
  box-sizing: border-box;
  height: 133px;
  background: #ffffff;
  margin-bottom: 24px;
  padding: 30px 300px;
  .el-step {
    .el-step.is-horizontal .el-step__line {
      border-top: 2px dashed #ccd1de;
      background-color: transparent;
    }
    .el-step__icon.is-text {
      width: 40px;
      height: 40px;
      color: #fff;
      font-size: 18px;
    }
    .el-step__line {
      background: transparent;
      border-top: 2px dotted #ccd1de;
      top: 19px;
    }
    .el-step__title.is-finish {

      color: #4168e7;
    }
    .el-step__head.is-finish {
      .el-step__icon.is-text {
        background-color: #4168e7;
        border-color: #4168e7;
      }
      .el-step__line {
        background-color: #4168e7;
        background: transparent;
        border-top: 2px solid #4168e7;
        .el-step__line-inner {
          border-width: 0 !important;
          width: 0;
        }
      }
    }
    .el-step__head.is-process {

      .el-step__icon.is-text {
        color: #fff;
        border-color: #e0e5ed;
        background-color: #e0e5ed;
      }
      .el-step__line {
        border-top: 2px dotted #ccd1de;
        background: transparent;
        .el-step__line-inner {
          border-width: 0 !important;
          width: 0;
        }
      }
    }
    .el-step__head.is-wait {

      .el-step__icon.is-text {
        color: #fff;
        border-color: #e0e5ed;
        background-color: #e0e5ed;
      }
    }
    .el-step__title.is-process {
      color: #c0c4cc;
      font-weight: unset;
    }
    .el-step__description {
      line-height: 16px;
      padding: 0;
      text-align: center;
      border-radius: 8px;
      background: #999;
      color: #fff;
    }
  }
}

//搜索
.query {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.content,
.query {
  h2 {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;

  }
  h3 {
    font-size: 18px;
    font-weight: initial;
    margin-bottom: 15px;
    .el-button {
      min-width: 100px;
      //height: 36px;
      //font-size: 16px;
      //line-height: 36px;
      //text-align: center;
      //padding: 0;
    }
  }
  .el-form {
    .el-form-item {
      margin-right: 15px;
      margin-bottom: 8px;
      .el-form-item__label,
      .el-form-item__content {
        line-height: 40px;
      }
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}

// 商品管理 -> 商品列表

#base-list {
  .lb-table {
    .el-table {
      border: 1px solid #e8eaec;
      .el-table__body {
        .el-table__row {
          .el-image {
            width: 160px;
            height: 120px;
            img {
              width: 100%;
              object-fit: cover;
            }
          }
          .el-table__cell {
            &:last-child {
              .cell {
                div {
                  display: flex;
                  justify-content: space-around;
                  a {
                    //flex: 1;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

// 选择 商品 分类
#category-edit {
  .content {
    .el-cascader {
      .el-input {
        .el-input__suffix {
          .el-input__suffix-inner {
            .el-icon-arrow-down {
              display: none;
            }
          }
        }
      }
    }
    .el-cascader-panel {
      .el-cascader-menu {
        .el-cascader-menu__wrap {
          height: auto;
          .el-cascader-menu__list {
            padding: 0;
            li {
              height: 50px;
              line-height: 50px;
            }
            .in-active-path {
              background-color: #f1f6ff;
            }
          }
        }
        &:nth-child(3) {
          width: 100%;
          .el-cascader-menu__list {
            li {
              background-color: rgba(0, 0, 0, 0);
              float: left;
              .el-icon-check {
                display: none;
              }
              .el-cascader-node__label {
                min-width: 80px;
                height: 32px;
                line-height: 32px;
                text-align: center;
                border-radius: 4px;
              }
            }
            .is-active {
              .el-cascader-node__label {
                color: #ffffff;
                background-color: #4168e7;
              }
            }
          }
        }
      }
    }
    #searchForm {
      margin-bottom: 40px;
      .el-form-item {
        width: 500px;
        .el-form-item__content {
          width: calc(100% - 60px);
          .el-cascader {
            width: 100%;
          }
        }
      }
    }
    h3 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .show-category {
      font-size: 14px;
      height: 44px;
      line-height: 44px;
      padding-left: 12px;
      padding-right: 12px;
      background-color: #f1f6ff;
      margin-bottom: 40px;
      .el-cascader {
        width: 80%;
        .el-input {
          input {
            background-color: rgba(0, 0, 0, 0);
            border: none;
            color: #4168e7;
            cursor: auto;
          }
          .el-input__suffix {
            display: none;
          }
        }
      }
    }
    .step {
      margin-top: 30px;
      text-align: center;
      .el-button {
        font-size: 18px;
        width: 220px;
        height: 48px;
        border-radius: 4px;
      }
    }
  }
}
.search-category {
  border: none;
  .el-scrollbar {
    .el-cascader-menu__wrap {
      display: none;
    }
  }
  .popper__arrow {
    display: none;
  }
}

// 选择 商品 分类 end

// 客户管理 -> 我的客户 -> tab
.el-tabs {
  .el-tabs__nav-wrap {
    background-color: #ffffff;
    .el-tabs__nav-scroll {
      padding: 0 10px;
      .el-tabs__nav {
        .el-tabs__item {
          //padding: 0 10px;
          color: #999999;
        }
        .is-active {
          color: #000000;
        }
      }
    }
  }
}

// 客户详情 -> 收货地址
.site-data-list {
  border: 1px solid #e9e9e9;
  border-bottom: 0;
  .el-table__header-wrapper {
    .has-gutter {
      .el-table__cell {
        font-size: 16px;
        color: #333333;
        background-color: #e9e9e9;
      }
    }
  }
}

// 组件 - LbTable
.lb-table{
  .el-table{
    th.el-table__cell{
      background-color: #f8f8f8;
      .cell{
        font-size: 16px;
        color:#333333;
        span{
          font-size: 16px;
          color:#333333
        }
      }
    }
  }
}

//表格组件 - LbTable
.lb-table {
  .el-table {
    .el-table__body-wrapper {
      .el-table__body {
        .el-table__row {
          .el-table__cell {
            .cell {
              padding-left: 12px;
              padding-right: 12px;
              .el-link {
                text-decoration: none !important;
                margin: 0 5px;
                &:hover {
                  text-decoration: none !important;
                  //cursor:inherit;
                }
              }
              .el-image{
                width: 160px;
                height: 120px;
                overflow: hidden;
                img{
                  width: 100%;
                  object-fit: cover;
                }
              }
            }
          }
        }
      }
    }
  }
}

//商品管理 - 添加商品 - 商品属性
.attr {
  margin-top: -70px;
  &:after {
    clear: both;
    display: table;
    content: '';
  }
  .attr-title,
  .attr-content {
    float: left;
  }
  .attr-title {
    font-size: 14px;
    width: 80px;
    padding-right: 18px;
    text-align: right;
  }
  .attr-content {
    width: calc(100% - 170px);
    background-color: #f1f6ff;
    padding: 12px 30px 0 20px;
    h4 {
      font-size: 14px;
      margin-bottom: 16px;
    }
    h5 {
      font-size: 14px;
      color: #666666;
      font-weight: 400;
      margin-bottom: 20px;
    }
    .attr-list {
      margin-bottom: 32px;
      &:last-child {
        margin-bottom: 0;
      }
      form {
        display: flex;
        flex-wrap: wrap;
        .el-form-item {
          min-width: 300px;
          margin-bottom: 10px;
          width: calc(33% - 15px);
          label {
            text-align: left;
            width: 100% !important;
          }
          div {
            margin-left: 0 !important;
          }
          .el-form-item__content {
            margin-left: 0 !important;
            div {
              width: 100%;
            }
          }
        }
      }
    }
  }
}
#goods-edit{
  padding-bottom: 20px;
  .el-form{
    .el-form-item{
      margin-bottom:20px;
    }
  }
  .info-form{
    .el-form-item{
      &:nth-child(3){
        min-width: 600px;
        width: 50%;
      }
    }
    .goods-no{
      min-width: 600px;
      width: 50%;
    }
    .brand-id{
      min-width: 600px;
      width: 50%;
      .el-form-item__content{
        .el-select{
          width: 100%;
        }
      }
    }
  }
  #sku-content .sku-box .sku-title span, #sku-content .status-box .list, .choose-attribute h5{color: #333333;}
  #sku-content{
    .sku-box{
      .sku-title, .sku-content-box{float: left;}
      .sku-title{
        width: 100px;
        i{color: #ff0000;margin-right: 5px;}
      }
      .sku-content-box{
        width: calc( 100% - 102px );
        .goods-sale{
          .el-select+.el-button{margin-left: 20px;}
          .el-select{
            width: 300px;
            margin-bottom: 20px;
            .el-select__tags{
              .el-select__input{
                border-left: none;
                border-right: none;
                border-radius:0;
              }
            }
          }
          .el-button{margin-bottom: 10px;}
          .choose-attribute{
            margin-bottom: 20px;
            h5{
              margin-bottom: 10px;
              font-weight: 400;
              .el-input{
                width: 150px;
              }
              hr{
                background-color: #ffffff;
                color: #ffffff;
                border: none;
                margin-top: 5px;
              }
              span{
                &:last-child{
                  color: #4168E7;
                }
              }
              .el-icon-circle-close{
                position: relative;
                cursor:pointer;
                &:before{
                  position: absolute;
                  top: -27px;
                  left: -7px;
                  font-size: 16px;
                  color: #4168E7;
                }
              }
            }
            .choose-attribute-list{
              margin-bottom: 20px;
              .el-input{
                width: 150px;
                margin-bottom: 10px;
                margin-right: 10px;
              }
              .el-icon-circle-close{
                position: relative;
                cursor:pointer;
                &:before{
                  position: absolute;
                  top: -27px;
                  left: -20px;
                  color: #4168E7;
                }
              }
              .el-input + .el-input{margin-left: 10px;}
            }
            .el-tag{
              min-width: 150px;
              border: 1px solid #D9D9D9;
              background-color: #ffffff;
              color: #333333;
            }
            .el-tag + .el-tag {margin-left: 10px;}
            .button-new-tag {
              margin-left: 10px;
              height: 32px;
              line-height: 30px;
              padding-top: 0;
              padding-bottom: 0;
              background-color: #FFFFFF;
              border: 1px solid #D9D9D9;
              //display: none;
            }
            .input-new-tag {
              //display: none;
              width: 180px!important;
              margin-left: 10px;
              vertical-align: bottom;
              .el-input-group__append{
                height: 30px;
                .el-button{
                  margin-bottom: 0;
                  height: 30px;
                }
              }
            }
            .el-tag{
              .el-icon-close{
                float: right;
                border: 1px solid #409EFF;
                display: none;
              }
            }
            //.el-input{display: none;}
          }
        }
        .sku-table{
          width: calc( 100% - 102px );
          box-shadow: none;
          border: none;
          padding: 0;
          .el-card__body{
            padding: 0 0 20px 0;
            section{
              .spec-line{
                div{
                  .el-input{
                    width: 300px;
                  }
                  .el-tag+.el-tag, .el-tag+.el-input{
                    margin-left: 10px;
                  }
                }
              }
            }
            .el-table{
              // border: 1px solid #d9d9d9;
              thead{
                height: 40px;
                line-height: 40px;
                background-color: #f8f8f8;
                tr{
                  background-color: rgba(0,0,0,0);
                  th{
                    font-size: 16px;
                    color: #333333;
                    border: 1px solid #d9d9d9;
                  }
                }
              }
              tbody{
                height: 40px;
                line-height: 40px;
                tr{
                  td{
                    font-size: 16px;
                    color: #333333;
                    border: 1px solid #d9d9d9;
                  }
                }
              }
            }
          }
        }
        .goods-sale-list{
          .sku-container{
            .sku-list{
              .el-table{
                .el-table__header-wrapper{
                  .el-table__header{
                    .has-gutter{
                      tr{
                        background-color: #f8f8f8;
                        th{
                          background-color: #f8f8f8;
                          .cell{
                            color: #333333;
                            .caret-wrapper{display: none;}
                          }
                          &:first-child{
                            // display: none;
                          }
                        }
                      }
                    }
                  }
                }
                .el-table__body-wrapper{
                  .el-table__body{
                    .el-table__row{
                      td{
                        .cell{
                          display: flex;
                          align-items:center;
                          justify-content: center;
                          .el-form-item{
                            margin-bottom: 0 !important;
                          }
                        }
                        &:first-child{
                          // display: none;
                        }
                      }
                    }
                    .el-table__row--striped{
                      .el-table__cell{
                        background-color: #ffffff;
                      }
                    }
                  }


                }
              }
            }
          }
        }
      }

    }
    .market-price{
      margin-top: 20px;
      .max-min-price{
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        span{
          display: block;
          float: left;
          &:first-child{
            width: 80px;
            text-align: right;
            margin-right: 20px;
          }
          &:last-child{
            width: 224px;
            height: 44px;
            padding-left: 10px;
            padding-right: 10px;
            margin-right: 10px;
            line-height: 44px;
            background: #FFFFFF;
            border: 1px solid #D9D9D9;
            border-radius: 4px;
          }
        }
      }
    }
  }
}
.vxe-table--render-default {
  .vxe-cell {
    padding-left: 12px;
    padding-right: 12px;
  }
}

// 弹框内的取消和确定按钮样式
.btnClass {
    margin-top: 20px;
    display: flex;
    justify-content: right;
}
